Kurt Hsu's blog

The Rails developer in taiwan.


  • 首頁

  • 標籤

  • 分類

  • 歸檔

[JSON]什麼是JSON?為什麼要使用?

發表於 2017-04-20 更新於 2019-08-20 分類於 JavaScript

JSON是什麼?

今天剛好看到之前買的線上教學影片克服JS奇怪的部分介紹到JSON,所以說要真正認識JSON就一定要認識Javascript了!
尤其JSON又是真的受Javascript而啟發,他的全名也就是(JavaScript Object Notation)。

因JS的物件實體用法而生

物件實體(Object literal)是什麼呢?
稍微認識JS的人都知道要創造一個物件最基本的程式碼是:

1
2
3
var person = new Object();
person.name = "Kurt";
person.age = 18;

JS的引擎有物件實體的功能可以用下面這種方法直接做到跟上面一模一樣的事情:

1
2
3
4
var person = {
name: "Kurt",
age: 18
}

那這跟JSON有什麼關係呢?

以前傳送物件很浪費效率

以XML為例子,如果我們做資料傳輸直接傳送person這個物件電腦會幫我們傳類似下面這種東西:

1
2
3
4
<object>
<name>Kurt</name>
<age>18</age>
</object>

但如果轉為JSON格式,電腦就只會傳送原本我們所打的JSON格式:

1
2
3
4
'{
"name": "Kurt",
"age": 18
}'

傳送過去再使用JS原生的function做簡單的處理(JSON.stringify)就變回於本的物件了。
比對一下傳送的字元幾乎少了一半以上!!所以JSON格式才會這個的熱門運用!

用這個例子第一次這麼的清楚知道JSON的由來,真有趣XD!

# JavaScript # JSON
[CSS]我看到的浮動元素(float)與clear
「直播」與Boostrap做朋友-Nic老師
  • 文章目錄
  • 本站概要

Kurt Hsu

Progress One Percent Every Day
171 文章
55 分類
163 標籤
RSS
  1. 1. JSON是什麼?
    1. 1.0.1. 因JS的物件實體用法而生
    2. 1.0.2. 以前傳送物件很浪費效率
© 2020 Kurt Hsu
由 Hexo 強力驅動 v3.8.0
|
主題 – NexT.Muse v7.3.0